<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>
<h1>注册</h1>
<!--表单form: 提交的可以是一个网站, 也可以是一个请求处理地址
    method: post/get 两种提交方式
    get方法提交, 在url中可以直接获取到我们输入的参数,
    post比较安全, 看不到提交内容, 且可以提交大文件
    所有的表单元素都需要一个name属性才能上传-->
<!--value 默认值, maxlength 最长字符, size 文本框长度, readonly变成只读,
    required 必须非空, placeholder 放一个提示, -->
<form action="1.第一个网页.html" method="get">
    <!--文本输入框-->
    <p>名字: <input type="text" name="username" value="ray"
    maxlength="8" size="40" readonly></p>
    <p>密码: <input type="password" name="pwd" placeholder="请输入密码"></p>
    <p><input type="submit">
        <input type="reset"></p>
    <!--单选框, 两个name一样则二者只能选其中一个
        value为选中之后的值, name为组, 标签内的是个显示的字-->
    <p>性别:
        <input type="radio" value="boy" name="sex">男
        <input type="radio" value="girl" name="sex">女
    </p>
    <!--多选框 checked默认选中-->
    <p>爱好:
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="chat" name="hobby">聊天
        <input type="checkbox" value="code" name="hobby" checked>代码
    </p>
    <!--按钮, 分别为普通按钮, 图像按钮, 提交按钮, 重置按钮-->
    <p>按钮:
        <input type="button" name="btn1" value="点击">
        <input type="image" src="../resource/image/img1.gif">
    </p>
    <!--下拉框, 这样如果提交, 会有 列表名称=bangzi 这种信息被提交上去 selected默认选中-->
    <p>下拉框:
        <select name="列表名称" id="">
            <option value="china">中国</option>
            <option value="japan">日本</option>
            <option value="bangzi">韩国</option>
            <option value="bangzi" selected>棒子</option>
            <option value="asan">阿三</option>
        </select>
    </p>
    <!--文本域 行, 列, 会把内容提交-->
    <p>反馈文本:
        <textarea name="textarea" cols="10" rows="20" >
            文本内容
        </textarea>
    </p>
    <!--文件域 提交file-->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>
    <!--邮件验证 内容必须有@才能提交
        url验证url, 数字验证number-->
    <p>邮箱
        <input type="email" name="email">
    </p>
    <p>
        <input type="url" name="url">
    </p>
    <p>
        <input type="number" value="num" max="100" min="0" step="1">
    </p>
    <!--滑块-->
    <p>
        <input type="range" name="voice" max="100" min="0" step="2">
    </p>
    <!--搜索框-->
    <p>搜索:
        <input type="search" name="search">
    </p>

    <p>
        <input type="submit">
        <input type="reset" value="清空表单">
    </p>
</form>
</body>
</html>